<extend name='common@admin/content'/>

<block name="content">
    <table class="layui-table" lay-data="{height:'800', size:'sm',url:'{:url('table/tableDemo')}', page:'true', id:'test'}" lay-filter="test">
        <thead>
        <tr>
            <th lay-data="{field:'id', width:80, sort: true,fixed:'left'}">ID</th>
            <th lay-data="{field:'username', width:80,fixed:'left'}">用户名</th>
            <th lay-data="{field:'sex', width:80, sort: true,fixed:'left'}">性别</th>
            <th lay-data="{field:'city', width:80,fixed:'left'}">城市</th>
            <th lay-data="{field:'sign', width:177,edit:'text' }">签名</th>
            <th lay-data="{field:'experience', width:80, sort: true}">积分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'score', width:80, sort: true}">评分</th>
            <th lay-data="{field:'classify', width:80}">职业</th>
            <th lay-data="{field:'wealth', width:135, sort: true}">财富</th>
        </tr>
        </thead>
    </table>

    <script>
        layui.use('table', function(){
            var table = layui.table;
            table.on('edit(test)', function(obj){
                var value = obj.value //得到修改后的值
                        ,data = obj.data //得到所在行所有键值
                        ,field = obj.field; //得到字段

                data[field] = value; //更新缓存中的值
                layer.msg(value);
            });
        });
    </script>
</block>